@charset"UTF-8";
$fontSize:40;   
@function r($p) {
    @return $p/$fontSize*1rem;
}
*{
    font-size: 0;
}
html,body{
    height: 100%;
    width: 100%;
} 
html{
    font-size: 40px;
}
.web{
    >.content{
        >.first{
            margin: 0;
            padding-left: 0;
            padding-right: 0;
            background: #fbfaf7;
            >.row{
                padding: 0;
                width: 80%;
                margin: 0 auto;
                >.son1{
                    padding: 0;
                    padding-top: r(104);
                    padding-bottom: r(97);
                    >img{
                        height: 53px;
                        margin-bottom: r(33);
                    }
                    >p{
                        font-size: 26px;
                        color: #666666;
                        margin-bottom: r(77);
                    }
                    >.row{
                        margin: 0;
                        padding: 0;
                        div{
                            padding: 0;
                            width: 100%;
                            margin-bottom: r(48);
                            >img{
                                height:64px;
                                display: inline-block;
                                vertical-align: top;
                                margin-right: r(29);
                            }
                            >div{
//                              padding: 0;
                                display: inline-block;
                                vertical-align: top;
                                width: 63%;
                                >p:first-of-type{
                                font-size:16px;
                                color: #333333;
                                margin-bottom: r(15);
                                }
                                >p:last-of-type{
                                    font-size: 14px;
                                    color: #666666;
                                }
                            }
                            
                        }
                        &::after{
                            content: "";
                            display: block;
                            clear: both;
                        }
                    }
                }
                >.son2{
                    padding: 0;
                    padding-bottom: r(40);
                    padding-top: r(147);
                    >img{
                        height: 100%;
                        width: 365px;
                    }
                }
            }
        }
        >.second{
            padding: 0;
            margin: 0;
            >.rowTwo{
               width: 80%;
               margin: 0 auto;
               >.hidden-xs{
                   padding: 0;
                   padding-top: r(190);
                   padding-bottom: r(95);
                   >img{
                       width: 295px;
                   }
               }
               >.col-xs-12{
                   padding: 0;
                   padding-top: r(114);
                   padding-bottom: r(105);
                   padding-left: r(123);
                   >img{
                       width: 308px;
                       margin-bottom: r(44);
                   }
                   >ul{
                       >li{
                           display: flex;
                           align-items: center;
                           margin-bottom: 16px;
                           >img{
                               height: 54px;
                               margin-right: 10px;
                           }
                           >p{
                               font-size: 14px;
                               color: #666666;
                           }
                       }
                   }
               }
            }
        }
        >.third{
            background: #0079d7;
            padding: 0;
            padding-top: r(111);
            padding-bottom: r(67);
            >p{
                text-align: center;
                font-size: 44px;
                color: #fffefe;
                margin-bottom: r(72);
            }
            >.row{
                padding: 0;
                margin: 0;
                padding-left: r(278);
                padding-right: r(278);
                >.col-xs-12{
                    padding: 0;
                    margin-bottom: r(79);
                    >.img{
                        display: inline-block;
                        vertical-align: top;
                        padding-top: 12px;
                        margin-right: r(60);
                        >img{
                            height: 66px;
                        }
                    }
                    >.wenzi{
                        display: inline-block;
                        vertical-align: top;
                        width: 60%;
                        >p:first-of-type{
                            font-size: 33px;
                            color: #fffefe;
                            margin-bottom: r(17);
                        }
                        >p:last-of-type{
                            color: #fffefe;
                            font-size: 14px;
                        }
                    }
                }
            }
        }
        >.four{
            padding: 0;
            padding-top: r(86);
            padding-left: r(234);
            padding-right: r(234);
            padding-bottom: 20px;
            >p{
                display: flex;
                align-items: center;
                margin-bottom: r(45);
                justify-content: space-between;
                >span:first-of-type{
                    font-size:35px ;
                    color: #2a2a2a;
                }
                >span:last-of-type{
                    font-size:14px ;
                    color: #2a2a2a;
                }
            }
            >.row{
                >.col-xs-12:first-of-type{
                    padding: 0;
                    margin-bottom: 20px;
                    >img{
                        width: 100%;
                    }
                }
                >.col-xs-12:nth-of-type(2){
                    padding: 0;
                    padding-left: 10px;
                    >.row{
                        margin: 0;
                        >.col-xs-4{
                            padding: 0;
                            padding-left: 10px;
                            margin-bottom: r(33);
                            >div{
                                width: 57px;
                                >img{
                                height: 57px;
                                width: 57px;
                            }
                                >p{
                                    text-align: center;
                                    color: #2a2a2a;
                                    font-size: 14px;
                                }
                            }
                            
                        }
                    }
                }
            }
        }
        >.five{
            padding-top: r(40);
            padding-left: r(232);
            padding-right: r(232);
            background-color: #f4f4f4;
            padding-bottom: r(40);
            >p{
                margin-bottom: r(36);
                >span:first-of-type{
                    font-size: 26px;
                     color: #2a2a2a;
                }
                >span:last-of-type{
                    color: #777777;
                    font-size: 11px;
                }
            }
            >.flex{
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                    >div{
                        margin-bottom: r(24);
                        border-radius: 4px;
                        border: solid 1px #dddddd;
                        width: 15%;
                        >img{
                         width: 100%;
                        }
                    }
                   
            }
        }
    }
}
@media (max-width:768px){
    .rowOne{
        width: 95% !important;
        >.son1{
            >img{
                width: 90% !important;
            }
        }
    }
    .rowTwo{
        width: 95% !important;
        
            >#lalala{
                >img{
                    width: 90% !important;
                }
            }
        
    }
    .rowThree{
        width: 90% !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-left: 15px !important;
    }
    #lalala{
        padding-left:0 !important;
    }
    .third{
        >p{
            font-size: 40px !important;
        }
    }
    .four{
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .rowFive>.col-xs-4{
        padding-left: 0 !important;
        >div{
        margin: 0 auto;
        }
    }
    .five{
        padding-left: 25px !important;
         padding-right: 25px !important;
         >.flex{
             >div{
                 width:30% !important;
             }
         }
        
    }
    
}